// main.tsx 是项目的 入口文件

// react 的两个核心包
import { createRoot } from 'react-dom/client'

// 样式文件
import './index.css'

// 导入项目的 根组件
// import App from './App.tsx'

// 导入 store
import store from './store'
import { Provider } from 'react-redux'

// 导入 路由
import { RouterProvider } from 'react-router-dom'
import router from './router'



// 第二天 组件
// 父子组件通信
// import App2 from './02-day/父子组件通信.tsx'

// 兄弟组件通信
// import App2_1 from './02-day/兄弟组件通信.tsx'

// 跨层组件通信
// import App2_2 from './02-day/跨层组件通信.tsx'

// useEffect基本使用
// import App2_3 from './02-day/useEffect基本使用.tsx'

// 自定义Hook函数
// import App2_4 from './02-day/自定义Hook函数.tsx'

// redux 集中状态管理工具 的使用
// import App2_5 from './02-day/redux.tsx'

// 把App根组件 渲染到id为root的dom节点上
createRoot(document.getElementById('root')!).render(
  <Provider store={store}>
    <RouterProvider router={router} />
  </Provider>
)
